﻿<!-- <script setup lang="ts">
defineProps<{
  modelValue: number
}>()


const emit = defineEmits<{
  (event: 'update:modelValue', value: number): void
}>()
</script>

<template>
  <div class="count-page">
    <button @click="emit('update:modelValue', modelValue-1)">-</button>
    <span>{{ modelValue }}</span>
    <button @click="emit('update:modelValue', modelValue+1)">+</button>
  </div>
</template>

<style lang="scss" scoped></style> -->

<script setup lang="ts">
defineProps<{
    modelValue: number
}>()
const emit = defineEmits<{
    (event:'update:modelValue',value:number):void
}>()
</script>
<template>
  <div class="count-page">
    <button @click="emit('update:modelValue',modelValue-1)">-</button>
    <span>{{ modelValue }}</span>
    <button @click="emit('update:modelValue',modelValue+1)">+</button>
  </div>
</template>

<style lang="scss" scoped></style>
